--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / tools / ToolsPage.vue
Displaying Raw • Download
meshchatx/src/frontend/components/tools/ToolsPage.vue master (96b397dc) Text, 8.00 KB
T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->
Tb4b4b4<Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex flex-col flex-1 overflow-hidden min-w-0 bg-slate-50 dark:bg-zinc-950"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 overflow-y-auto w-full pb-[max(1rem,env(safe-area-inset-bottom))]"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"border-b border-gray-200 dark:border-zinc-800 px-4 py-4 md:px-6 md:py-5"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between lg:gap-6"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-2 min-w-0 flex-1"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-2xl md:text-3xl font-black text-gray-900 dark:text-white tracking-tight"Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.power_tools"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-600 dark:text-gray-300 leading-relaxed max-w-xl"Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.diagnostics_description"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"w-full lg:max-w-sm shrink-0"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative group"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon
Te6edf3icon-nameTff7b72=Ta5d6ff"magnify"
Te6edf3classTff7b72=Ta5d6ff"size-5 text-gray-400 group-focus-within:text-blue-500 transition-colors"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72input
Te6edf3v-modelTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"text"
Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'common.search'Tb4b4b4)Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"w-full pl-10 pr-10 py-3 bg-gray-50 dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 text-sm"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
Te6edf3typeTff7b72=Ta5d6ff"button"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3searchQuery Tff7b72= Ta5d6ff''Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"close-circle" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-4 md:p-6 xl:p-8 w-full max-w-6xl xl:max-w-7xl 2xl:max-w-384 mx-auto"Tb4b4b4>
Tb4b4b4<Tff7b72template Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3groupedToolSectionsTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3section Tff7b72in Te6edf3groupedToolSectionsTa5d6ff"
Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3sectionTb4b4b4.Te6edf3idTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"mb-6 rounded-lg overflow-hidden border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"px-4 py-3 border-b border-gray-200 dark:border-zinc-800 text-xs font-bold uppercase tracking-widest text-gray-500 dark:text-zinc-400"
Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff`Ta5d6fftools.group.Tffd700${Te6edf3sectionTb4b4b4.Te6edf3idTffd700}Ta5d6ff`Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-1 lg:grid-cols-2 divide-y divide-gray-200 dark:divide-zinc-800 divide-x-0 lg:divide-x lg:divide-y"
Tb4b4b4>
Tb4b4b4<Tff7b72RouterLink
Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3tool Tff7b72in Te6edf3sectionTb4b4b4.Te6edf3toolsTa5d6ff"
Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3nameTa5d6ff"
Tb4b4b4:Te6edf3toTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3comingSoon Tff7b72? Ta5d6ff'' Tff7b72: Te6edf3toolTb4b4b4.Te6edf3routeTa5d6ff"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3toolRowClassTb4b4b4(Te6edf3toolTb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3comingSoon Tff7b72? Te6edf3$eventTb4b4b4.Te6edf3preventDefaultTb4b4b4(Tb4b4b4) Tff7b72: Tff7b72nullTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72ToolListRow Tb4b4b4:Te6edf3toolTff7b72=Ta5d6ff"Te6edf3toolTa5d6ff" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72RouterLinkTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3filteredToolsTb4b4b4.Te6edf3length Tff7b72> T79c0ff0Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"rounded-lg overflow-hidden border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950"
Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-1 lg:grid-cols-2 divide-y divide-gray-200 dark:divide-zinc-800 divide-x-0 lg:divide-x lg:divide-y"
Tb4b4b4>
Tb4b4b4<Tff7b72RouterLink
Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3tool Tff7b72in Te6edf3filteredToolsTa5d6ff"
Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3nameTa5d6ff"
Tb4b4b4:Te6edf3toTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3comingSoon Tff7b72? Ta5d6ff'' Tff7b72: Te6edf3toolTb4b4b4.Te6edf3routeTa5d6ff"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3toolRowClassTb4b4b4(Te6edf3toolTb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3comingSoon Tff7b72? Te6edf3$eventTb4b4b4.Te6edf3preventDefaultTb4b4b4(Tb4b4b4) Tff7b72: Tff7b72nullTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72ToolListRow Tb4b4b4:Te6edf3toolTff7b72=Ta5d6ff"Te6edf3toolTa5d6ff" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72RouterLinkTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72EmptyState
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3filteredToolsTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff"
Te6edf3classTff7b72=Ta5d6ff"mt-6"
Te6edf3iconTff7b72=Ta5d6ff"magnify"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'common.no_results'Tb4b4b4)Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;
Tff7b72import Te6edf3EmptyState Tff7b72from Ta5d6ff"../EmptyState.vue"Tb4b4b4;
Tff7b72import Te6edf3ToolListRow Tff7b72from Ta5d6ff"./ToolListRow.vue"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3listTools Tb4b4b4} Tff7b72from Ta5d6ff"../../js/registries/toolsRegistry.js"Tb4b4b4;
Tff7b72const Te6edf3TOOL_GROUP_ORDER Tff7b72= Tb4b4b4[Ta5d6ff"diagnostics"Tb4b4b4, Ta5d6ff"transfer"Tb4b4b4, Ta5d6ff"messaging"Tb4b4b4, Ta5d6ff"network"Tb4b4b4, Ta5d6ff"other"Tb4b4b4]Tb4b4b4;
Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"ToolsPage"Tb4b4b4,
Te6edf3componentsTff7b72: Tb4b4b4{
Te6edf3MaterialDesignIconTb4b4b4,
Te6edf3EmptyStateTb4b4b4,
Te6edf3ToolListRowTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4{
Te6edf3searchQueryTff7b72: Ta5d6ff""Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3computedTff7b72: Tb4b4b4{
Te6edf3toolsTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Te6edf3listToolsTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3toolsWithTranslationsTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3toolsTb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3toolTb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Tb4b4b4...Te6edf3toolTb4b4b4,
Te6edf3titleTff7b72: Te6edf3toolTb4b4b4.Te6edf3title Tff7b72|| Tb4b4b4(Te6edf3toolTb4b4b4.Te6edf3titleKey Tff7b72? Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Te6edf3toolTb4b4b4.Te6edf3titleKeyTb4b4b4) Tff7b72: Ta5d6ff""Tb4b4b4)Tb4b4b4,
Te6edf3descriptionTff7b72: Te6edf3toolTb4b4b4.Te6edf3description Tff7b72|| Tb4b4b4(Te6edf3toolTb4b4b4.Te6edf3descriptionKey Tff7b72? Tff7b72thisTb4b4b4.Te6edf3$tTb4b4b4(Te6edf3toolTb4b4b4.Te6edf3descriptionKeyTb4b4b4) Tff7b72: Ta5d6ff""Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3filteredToolsTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72!Tff7b72thisTb4b4b4.Te6edf3searchQueryTb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3toolsWithTranslationsTb4b4b4;
Tb4b4b4}
Tff7b72const Te6edf3query Tff7b72= Tff7b72thisTb4b4b4.Te6edf3searchQueryTb4b4b4.Te6edf3toLowerCaseTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4;
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3toolsWithTranslationsTb4b4b4.Te6edf3filterTb4b4b4(Tb4b4b4(Te6edf3toolTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72return Tb4b4b4(
Te6edf3toolTb4b4b4.Te6edf3titleTb4b4b4.Te6edf3toLowerCaseTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3queryTb4b4b4) Tff7b72||
Te6edf3toolTb4b4b4.Te6edf3descriptionTb4b4b4.Te6edf3toLowerCaseTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3queryTb4b4b4) Tff7b72||
Te6edf3toolTb4b4b4.Te6edf3nameTb4b4b4.Te6edf3toLowerCaseTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3queryTb4b4b4)
Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3groupedToolSectionsTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3searchQueryTb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72nullTb4b4b4;
Tb4b4b4}
Tff7b72const Te6edf3groups Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4;
Tff7b72for Tb4b4b4(Tff7b72const Te6edf3tool Tff7b72of Tff7b72thisTb4b4b4.Te6edf3filteredToolsTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3groupId Tff7b72= Te6edf3toolTb4b4b4.Te6edf3group Tff7b72|| Ta5d6ff"other"Tb4b4b4;
Tff7b72if Tb4b4b4(Tff7b72!Te6edf3groupsTb4b4b4[Te6edf3groupIdTb4b4b4]Tb4b4b4) Tb4b4b4{
Te6edf3groupsTb4b4b4[Te6edf3groupIdTb4b4b4] Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;
Tb4b4b4}
Te6edf3groupsTb4b4b4[Te6edf3groupIdTb4b4b4]Tb4b4b4.Te6edf3pushTb4b4b4(Te6edf3toolTb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72return Te6edf3TOOL_GROUP_ORDERTb4b4b4.Te6edf3filterTb4b4b4(Tb4b4b4(Te6edf3groupIdTb4b4b4) Tb4b4b4=> Te6edf3groupsTb4b4b4[Te6edf3groupIdTb4b4b4]Tff7b72?Tb4b4b4.Te6edf3lengthTb4b4b4)Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3groupIdTb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Te6edf3idTff7b72: Te6edf3groupIdTb4b4b4,
Te6edf3toolsTff7b72: Te6edf3groupsTb4b4b4[Te6edf3groupIdTb4b4b4]Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3methodsTff7b72: Tb4b4b4{
Te6edf3toolRowClassTb4b4b4(Te6edf3toolTb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4[
Ta5d6ff"tool-row"Tb4b4b4,
Te6edf3toolTb4b4b4.Te6edf3customClassTb4b4b4,
Te6edf3toolTb4b4b4.Te6edf3comingSoon Tff7b72? Ta5d6ff"opacity-60 grayscale-[0.5] cursor-default" Tff7b72: Ta5d6ff""Tb4b4b4,
Tb4b4b4]Tb4b4b4.Te6edf3filterTb4b4b4(Tffa657BooleanTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>
Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>
Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;
Tb4b4b4.T56d364tool-row Tb4b4b4{
@apply flex items-start Te6edf3smTb4b4b4:Te6edf3items-center Tff7b72gapT79c0ff-3 Te6edf3smTff7b72:Tff7b72gapT79c0ff-4 Te6edf3px-4 Te6edf3py-3T79c0ff.5 Te6edf3min-h-17 Tff7b72transitionTff7b72-Te6edf3colorsTb4b4b4;
@apply Te6edf3hoverTb4b4b4:Te6edf3bg-gray-50 Te6edf3darkTff7b72:Te6edf3hoverTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff80 Te6edf3activeTff7b72:Te6edf3bg-gray-100 Te6edf3darkTff7b72:Te6edf3activeTff7b72:Te6edf3bg-zinc-800Tff7b72/T79c0ff80Tb4b4b4;
Tb4b4b4}
Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────